<div id="index-carousel" class="carousel slide" data-ride="carousel">
	<ol class="carousel-indicators">
		
	 {foreach from=$photo_list item=photo name=indexad}			
		
			<li data-target="#index-carousel" data-slide-to="{$smarty.foreach.indexad.index}" class="{if $smarty.foreach.indexad.index==0} active{/if}"></li>
		
		{/foreach}
	</ol>
	<div class="carousel-inner">
        
       {foreach from=$photo_list item=photo name=indexad}			
		<div class="item {if $smarty.foreach.indexad.index==0} active{/if}">
			<img class="lazy" data-original="{$photo.original_pic}" src="{$photo.middle_pic}" alt="{$photo.title}" width="100%">
			<noscript><img src="{$photo.original_pic}" alt="{$photo.title}" width="100%"></noscript>
			<img class="loading" style="position: absolute;top: 50%;left: 50%;" src="{$_C['hy_path']}images/loading2.gif">
		</div>
		{/foreach}
	</div>

	<a class="left carousel-control" href="#index-carousel" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</a>
	<a class="right carousel-control" href="#index-carousel" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</a>
</div>